
// 头尾部复用
$(function () {
    $('.head').load('http://localhost/xiao_tu_xian/html/2-header.html')
    $('.foot').load('http://localhost/xiao_tu_xian/html/3-footer.html')
})


// 轮播侧边栏导航
$(function () {
    $('.left_nav>div').on('mouseover', function () {
        let index = $(this).index()
        // console.log(index)
        $('.right_des').eq($(this).index()).show().siblings().hide()
        $('.right_des').on('mouseover', function () {
            $(this).eq(index).show().siblings().hide()
            // console.log($(this).eq(index))
        })
    })
    $('.left_nav>div').on('mouseout', function () {
        // console.log(index)
        $('.right_des').eq($(this).index()).hide()
    })
    $('#right_des').on('mouseleave', function () {
        $(this).children('.right_des').hide()
        // .children('#right_des')
    })
})

// 滑入滑出效果
$(function () {
    $('.pic_desc>div').on('mouseover', function () {
        $(this).css('border', '1px solid #27ba9b').children('.mask').stop().slideDown(400)
    })
    $('.pic_desc>div').on('mouseout', function () {
        $(this).css('border', 'none').children('.mask').stop().slideUp(400)
    })
})


// 热门品牌
$(function(){
    $('.pages_right').on('click',function(){
        $(this).css('background-color','#ccc').siblings('.pages_left').css('background-color','#27ba9b')
        $('.pin_hot1').hide().siblings('.pin_hot2').show()
    })
    $('.pages_left').on('click',function(){
        $(this).css('background-color','#ccc').siblings('.pages_right').css('background-color','#27ba9b')
        $('.pin_hot2').hide().siblings('.pin_hot1').show()
    })
})

// 楼层导航鼠标移入变色
$(function(){
    $('.floor>span').on('mouseover',function(){
        $(this).css('color','red').siblings('span').css('color','black')
    })
})

// 轮播权重
$(function(){
    $('.lun_bo_nav').on('mouseover',function(){
        $('#right_des').css('opacity','0.9').children('.fenlei').children('a').css({
            'opacity':'1',
            'background-color':'#fff'
        })
    })
    $('.lun_bo_nav').on('mouseout',function(){
        $('#right_des').css('opacity','0')
    })
})